﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/design.css" rel="stylesheet" type="text/css" />
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link href="css/style-responsive.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="css/style-metro.css" />
    <script src="js/jquery-1.10.1.min.js" type="text/javascript"></script>
    <style>
        .page-header-fixed .page-container
        {
            margin-top: 0px !important;
        }
        .white_color
        {
            color: White;
        }
 
    </style>
</head>
<body style="background:url('img/registration1_bg.jpg') #8AC0A9;">
    <form id="form2" runat="server">
    <asp:ScriptManager runat="server" ID="sm1">
    </asp:ScriptManager>
    <div class="page-container">
        <div class="container_main">
            <div class="row-fluid">
                <div class="span6 offset3" style="margin-top:75px; font-family: Verdana;">
                    <h3 class="login_top_heading white_color">
                        <img src="img/logo.png" />
                    </h3>
                    <h3 class="login_top_heading white_color">
                        ADMINISTRATOR</h3>
                    <div class="inner_dark">
                        <div style="padding: 20px 10px;">
                            <%--<h3 class="login_inner_heading">
                                FONEBUDDY</h3>--%>
                            <div id="divMessage" runat="server" class="generalMessage">
                            </div>
                            <div class="offset2 span7">
                                <div class="control-group " id="divUserName">
                                    <label class="control-label">
                                        USERNAME :</label>
                                    <div class="controls">
                                        <asp:TextBox runat="server" ID="txtUserName" TabIndex="1" CssClass="m-wrap txt_bg span12 loginusername"></asp:TextBox>
                                    </div>
                                </div>
                                <div class="control-group " id="divPasswordInfo">
                                    <label class="control-label">
                                        PASSWORD :</label>
                                    <div class="controls">
                                        <asp:TextBox runat="server" ID="txtPassword" TabIndex="2" TextMode="Password" CssClass="m-wrap txt_bg span12 passwordInfo"></asp:TextBox>
                                    </div>
                                </div>
                                <a href="#" class="link_pwd pull-right">Forgot your password?</a>
                                <div class="clearfix">
                                </div>
                            </div>
                            <div class="clearfix">
                            </div>
                            <div class="row-fluid">
                                <div class="span7">
                                </div>
                                <div class="mt_lg span2">
                                    <asp:Button ID="Button1" runat="server" OnClick="OnLogin" TabIndex="3" CssClass="login_bg frmValidation"
                                        Text="Login" />
                                </div>
                            </div>
                            <div class="clearfix">
                            </div>
                        </div>
                    </div>
                </div>
                <!-- inner dark  --->
            </div>
                    <h6 class="copyright white_color">
            COPYRIGHT © 2014 FONEBUDDY.COM</h6>
        </div>

    </div>
    <script type="text/javascript">
        var msg = "Please check your validations in red.";
        $('.frmValidation').click(function () {

            var isError = "false";

            if ($('.loginusername').val() == "") {

                $('.loginusername').closest("div #divUserName").addClass("error");
                isError = "true";
            }
            else {
                $('.loginusername').closest("div #divUserName").removeClass("error");

            }
            if ($('.passwordInfo').val() == "") {

                isError = "true";
                $('.passwordInfo').closest("div #divPasswordInfo").addClass("error");
            }
            else {
                $('.passwordInfo').closest("div #divPasswordInfo").removeClass("error");

            }
            if (isError == "true") {
                $(".generalMessage").html("<strong>Error!</strong> " + msg);
                $(".generalMessage").addClass("alert alert-danger");
                return false;
            }
        });
    </script>
    </form>
</body>
</html>
